<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <script type="text/javascript" src="/deng/include/include-css.js"></script>
    <script type="text/javascript" src="/deng/include/inplug-css.js"></script>
    <link href="/deng/source/css/bootlist.css" rel="stylesheet" type="text/css" />
    <meta charset="UTF-8">
    <title>历史任务</title>
    <style>
        .modal-lg {
            max-width: 85%;
            width: 85%;
            max-width: none;
        }
    </style>
</head>
<body>
<div class="m-content">
    <div class="m-portlet">
        <div class="m-portlet__head">
            <div class="m-portlet__head-caption">
                <div class="m-portlet__head-title">
                    <h3 class="m-portlet__head-text">
                        <span class="m-accordion__item-icon"><i class="flaticon-search"></i>任务列表</span>
                    </h3>
                </div>
            </div>
        </div>
        <!--begin::Form-->
        <form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed " method="POST" id="searchForm" onsubmit="search('datatables');return false;">
            <div class="m-portlet__body">
                <div class="form-group m-form__group row">
                    <label class="col-form-label">任务名称：</label>
                    <div class="col-md-2">
                        <input type="text" class="form-control" name="taskName" placeholder="请输入">
                    </div>
                    <label class="col-form-label">发起人：</label>
                    <div class="col-md-2">
                        <input class="form-control" id="owner_" type="hidden" name="owner" value="">
                        <div class="input-group">
                            <input type="text" readonly="" class="form-control m-input" id="owner_Text" placeholder="请选择" aria-describedby="basic-addon2">
                            <div class="input-group-append">
                                <span style="cursor:pointer;" class="input-group-text" id="basic-addon2" onclick="initAssignee(1)">
                                    <i class="flaticon-user-ok"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                    <label class="col-form-label">经办人：</label>
                    <div class="col-md-2">
                        <input class="form-control" id="assignee_" type="hidden" name="assignee" value="">
                        <div class="input-group">
                            <input type="text" readonly="" class="form-control m-input" id="assignee_Text" placeholder="请选择" aria-describedby="basic-addon2">
                            <div class="input-group-append">
                                <span style="cursor:pointer;" class="input-group-text" id="basic-addon2" onclick="initAssignee(2)">
                                    <i class="la la-user-plus"></i>
                                </span>
                            </div>
                        </div>
                    </div>
                    <a href="javascript:search('datatables')" class="btn btn-light-primary font-weight-bold mr-2">
                        <span><i class="fa fa-search"></i><span>检&nbsp;&nbsp;索</span></span>
                    </a>
                    <a href="javascript:resetAll();" class="btn btn-light-success font-weight-bold mr-2">
                        <span><i class="fa fa-repeat"></i><span>清空条件</span></span>
                    </a>
                    <!--
                    <label class="col-form-label">用户组</label>
                    <div class="col-md-2">
                        <input class="form-control" type="hidden" id="candidateStarterGroups" name="candidateStarterGroups" value="">
                        <div class="input-group"><input type="text" id="candidateStarterGroups_Text" name="candidateStarterGroups_Text" readonly="" class="form-control m-input" placeholder="请选择" aria-describedby="basic-addon2">
                            <div class="input-group-append">
                                <span style="cursor:pointer;" class="input-group-text" id="basic-addon2" onclick="initcandidateGroups(2,2)"><i class="fa fa-cogs"></i></span>
                            </div>
                        </div>
                    </div>
                    -->
                </div>
            </div>
            <div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
                <div class="m-form__actions m-form__actions--solid">
                    <div class="row">
                        <div class="col m--align-left">

                        </div>
                        <div class="col m--align-right">

                        </div>
                    </div>
                </div>
            </div>
        </form>
        <!--end::Form-->
    </div>
    <table id="datatables" class="table table-bordered table-striped table-hover">
        <thead>
        <tr>
            <th>序号</th>
            <th>操作</th>
            <th>任务名称</th>
            <th>流程名称</th>
            <th>产品线</th>
            <th>产品组</th>
            <th>版本</th>
            <th>发起人</th>
            <th>经办人</th>
            <th>租户</th>
            <th>流程实例</th>
            <th>开始时间</th>
            <th>结束时间</th>
            <th>耗时</th>
        </tr>
        </thead>
    </table>
</div>
</body>
<!-- 流程图监控模态框（Modal）开始 -->
<div class="modal fade" id="lcImageModal" tabindex="-1" role="dialog" aria-labelledby="lcImageModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" id="lcImageModalDialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="lcImageModalLabel">
                    实例监控图
                </h4>
                <button type="button" class="close" data-dismiss="modal" onclick="closeLcImageWin()" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="panel-body" id="lcImagePanelBody" style="overflow:auto;">
                    <iframe id="lcImageIframe" scrolling="auto" frameborder="0"  width="100%" height="100%"></iframe>
                </div>
            </div>
            <!--<div class="modal-footer">
                <button type="button" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" data-dismiss="modal" onclick="closeLcImageWin()">关闭</button>
            </div>-->
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 流程图监控模态框（Modal）结束 -->

<!-- 审批记录模态框（Modal）开始 -->
<div class="modal fade" id="lcHisLogModal" tabindex="-1" role="dialog" aria-labelledby="lcHisLogModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" id="lcHisLogModalDialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="lcHisLogModalLabel">
                    审批记录
                </h4>
                <button type="button" class="close" data-dismiss="modal"  aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="panel-body" id="lcHisLogPanelBody" style="overflow:auto;">
                    <div class="panel panel-default">
                        <form method="POST" id="searchFormApproval">
                            <input type="hidden" class="form-control" id="instanceId" name="instanceId">
                        </form>
                    </div>
                    <div class="panel-body">
                        <table id="approvalDatatables" class="table table-bordered table-striped table-hover">
                            <thead>
                            <tr>
                                <th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkallApproval" /><span></span></label></th>
                                <th>序号</th>
                                <th>批审状态</th>
                                <th>审批内容</th>
                                <th>审批时间</th>
                                <th>批审人</th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
           <!-- <div class="modal-footer">
                <button type="button" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" data-dismiss="modal">关 闭</button>
            </div>-->
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 审批记录模态框（Modal）结束 -->


<!-- 任务详情模态框（Modal）开始 -->
<div class="modal fade" id="lcTaskDetailModal" tabindex="-1" role="dialog" aria-labelledby="lcTaskDetailModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" id="lcTaskDetailModalDialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="lcTaskDetailModalLabel">
                    任务详情<label style="font-size: 20px" id=""></label>
                </h4>
                <button type="button" class="close" data-dismiss="modal"  aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="panel-body" id="lcTaskDetailPanelBody">
                    <form class="form-horizontal" id="defaultForm" method="post" style='height:350px;overflow: auto;'>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">流程名称</label>
                            <div class="col-lg-6">
                                <input class="form-control" type="text" id="processTitle" >
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">产&nbsp;品&nbsp;&nbsp;线</label>
                            <div class="col-lg-6">
                                <input class="form-control" type="text" maxlength="50"  id="productName">
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">产&nbsp;品&nbsp;&nbsp;组</label>
                            <div class="col-lg-6">
                                <input class="form-control" type="text" id="groupName" >
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">租&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;户</label>
                            <div class="col-lg-6">
                                <input class="form-control" type="text" id="tenantId" >
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">版&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本</label>
                            <div class="col-lg-2">
                                <input class="form-control" type="text" id="version" >
                            </div>
                        </div>

                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">任务名称</label>
                            <div class="col-lg-4">
                                <input class="form-control" type="text" id="name" >
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">任务编号</label>
                            <div class="col-lg-4">
                                <input class="form-control" type="text" id="taskId" >
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">开始时间</label>
                            <div class="col-lg-4">
                                <input class="form-control" type="text" id="startTime" >
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">结束时间</label>
                            <div class="col-lg-4">
                                <input class="form-control" type="text" id="endTime" >
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">耗&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;时</label>
                            <div class="col-lg-4">
                                <input class="form-control" type="text" id="durationInMillis" >
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">经&nbsp;办&nbsp;&nbsp;人</label>
                            <div class="col-lg-2">
                                <input class="form-control" type="text" id="assignee" >
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">发&nbsp;起&nbsp;&nbsp;人</label>
                            <div class="col-lg-2">
                                <input class="form-control" type="text" id="owner" >
                            </div>
                        </div>
                        <div class="form-group m-form__group row">
                            <label class="col-lg-2 col-form-label">流程定义</label>
                            <div class="col-lg-4">
                                <input class="form-control" type="text" id="processDefinitionId" >
                            </div>
                        </div>
                    </form>
                </div>
            </div>
           <!-- <div class="modal-footer">
                <button type="button" class="btn btn-secondary m-btn m-btn&#45;&#45;custom m-btn&#45;&#45;icon" data-dismiss="modal" >关闭</button>
            </div>-->
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 任务详情模态框（Modal）结束 -->


<!-- 用户选择器模态框（Modal）开始 -->
<div class="modal fade" id="UserinfoSelectModal" tabindex="-1" role="dialog" aria-labelledby="UserinfoModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" id="UserinfoModalDialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="UserinfoModalLabel">
                    员工列表
                </h4>
                <button type="button" class="close" data-dismiss="modal"  aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body" id="UserinfoBody" style="overflow:auto;">
                <div class="panel panel-default">
                    <div class="m-content">
                        <form method="POST" class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" id="searchFormUserinfo" >
                            <div class="form-group m-form__group row">
                                <label class="col-form-label">隶属部门</label>
                                <div class="col-md-2">
                                    <input type="text" class="form-control" name="xt_departinfo_name" placeholder="请输入">
                                </div>
                                <label class="col-form-label">岗位</label>
                                <div class="col-md-2">
                                    <input type="text" class="form-control" name="xt_post_name" placeholder="请输入">
                                </div>
                                <label class="col-form-label">姓名</label>
                                <div class="col-md-2">
                                    <input type="text" class="form-control" name="xt_userinfo_realName" placeholder="请输入">
                                </div>
                                <label class="col-form-label">账号</label>
                                <div class="col-md-2">
                                    <input type="text" class="form-control" name="xt_userinfo_name" placeholder="请输入">
                                </div>
                                <a href="javascript:search('UserinfoDatatables')" class="btn btn-light-primary font-weight-bold mr-2  m-btn m-btn--custom m-btn--icon">
                                    <span><i class="fa fa-search"></i><span>检&nbsp;&nbsp;索</span></span>
                                </a>
                                <a href="javascript:resetAll('searchFormUserinfo');" class="btn btn-light-success font-weight-bold mr-2">
                                    <span><i class="fa fa-repeat"></i><span>清空条件</span></span>
                                </a>
                            </div>
                        </form>
                    </div>
                </div>
                <table id="UserinfoDatatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap;">
                    <thead>
                    <tr>
                        <th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkallUserinfo" /><span></span></label></th>
                        <th>序号</th>
                        <th>账号</th>
                        <th>姓名</th>
                        <th>电话</th>
                        <th>籍贯</th>
                        <th>生日</th>
                        <th>电子邮件</th>
                    </tr>
                    </thead>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary m-btn m-btn--custom m-btn--icon" data-dismiss="modal">取 消</button>
                <button type="button" class="btn btn-success m-btn m-btn--custom m-btn--icon" onclick="doSelectUser();">保存选择</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 用户选择器模态框（Modal）结束 -->

<!-- 组织机构选择器模态框（Modal）开始 -->
<div class="modal fade" id="OrgSelectModal" tabindex="-1" role="dialog" aria-labelledby="OrgModalLabel" aria-hidden="true">
    <div class="modal-dialog" id="OrgModalDialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="OrgModalLabel">
                    组织机构
                </h4>
                <button type="button" class="close" data-dismiss="modal"  aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body" id="OrgBody" style="overflow:auto;">
                <ul id="tree" class="ztree"></ul>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary m-btn m-btn--custom m-btn--icon" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-success m-btn m-btn--custom m-btn--icon" onclick="doOrgSelect();">保存选择</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 组织机构选择器模态框（Modal）结束 -->
<script type="text/javascript" src="/deng/include/include.js"></script>
<script type="text/javascript" src="/deng/include/inplug.js"></script>
<script type="text/javascript" src="/deng/view/workflow/lc-task-his/lc-task-his-list.js"></script>
<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedHeader-3.2.3/css/fixedHeader.dataTables.css" rel="stylesheet" type="text/css" />
<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedColumns-4.1.0/css/fixedColumns.dataTables.css" rel="stylesheet" type="text/css" />
<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/Scroller-2.0.6/css/scroller.dataTables.css" rel="stylesheet" type="text/css" />
<link href="/deng/source/plugins/newAdmin/datatables/1.12.1/ColReorder-1.5.6/css/colReorder.dataTables.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedHeader-3.2.3/js/dataTables.fixedHeader.min.js"></script>
<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/FixedColumns-4.1.0/js/dataTables.fixedColumns.min.js"></script>
<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/Scroller-2.0.6/js/scroller.dataTables.min.js"></script>
<script type="text/javascript" src="/deng/source/plugins/newAdmin/datatables/1.12.1/ColReorder-1.5.6/js/colReorder.dataTables.min.js"></script>
</body>
</html>